<script setup lang="ts">
const goToSearch = () => {
   uni.navigateTo({
      url: "/subPackages/searchHistory/searchHistory",
   });
};
</script>

<template>
   <view class="search" @tap="goToSearch">
      <view class="input">
         <text class="icon-search">请搜索需要的商品</text>
      </view>
   </view>
</template>

<style scoped lang="scss">
.search {
   padding: 20rpx 30rpx 20rpx;
   background-color: #fff;

   .input {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 64rpx;
      padding-left: 26rpx;
      color: #8b8b8b;
      font-size: 28rpx;
      border-radius: 32rpx;
      background-color: #f3f4f4;

      .icon-search {
         &::before {
            margin-right: 10rpx;
         }
      }
   }
}
</style>